@charset "utf-8";
/* CSS Document */

body, ul, li, dl, dt, dd, a, div, td, input, textarea, button { color: #555; font:13px/27px Arial,sans-serif; line-height: 18px; }
body { background: #E8E9E8; margin: 0; padding: 0px; }
ul, li, dl, dt, dd, form, img, h3 { margin: 0; border: 0; padding: 0; list-style: none; }

h1 { margin: 0; padding: 0; font-size: 22px; text-align: center; margin-top: 20px; }

a { color: #336699; text-decoration: none; }
a:hover { text-decoration: underline; }

input.text { height: 21px; border: 1px solid #F6F5F5; padding: 0 5px; border-top: 1px solid #DAD8D9; border-left: 1px solid #DAD8D9; background: #F6F5F5; }
input.button { height: 30px; padding: 0 10px; border: 1px solid #999999; background: url(imgs/b_bg.jpg) repeat-x; font-weight: 800; }
input.submit { height: 30px; padding: 0 10px; color: #FFF; border: 1px solid #999999; background: url(imgs/b_bg2.jpg) repeat-x; font-weight: 800; }

#head { width: 950px; height: 120px; background: #FFF; margin: 0 auto; overflow: hidden; }
#head dl { width: 900px; height: 115px; margin: 0 auto; }
#head dl dt { float: left; height: 78px; padding-top: 37px; overflow: hidden; background: #FFF; }
#head dl dd { float: right; height: 100px; padding-top: 15px; overflow: hidden; border: 0; }

#head .topRight { height: 33px; overflow: hidden; background: #FFF; }
#head .topRight1 { float: right; padding-top: 2px; height: 31px; overflow: hidden; }
#head .topRight2 { float: right; text-align: right; padding-right: 10px; height: 33px; overflow: hidden; }

#head .topLogin { margin-top: 10px; height: 25px; overflow: hidden; background: #FFF; }
#head .topLogin li { float: right; height: 25px; overflow: hidden; line-height: 25px; padding-left: 10px; font-size: 16px; }
#head .topLogin li b { color: #FF7D00; font-size: 18px; line-height: 18px; }
#head .topLogin li a { line-height: 25px; font-size: 15px; }
#head .topLogin li .text { width: 85px; }

#head .welcome { font-size: 16px; text-align: right; padding-top: 10px; color: #000; }
#head .welcome b { color: #FF7D00; font-size: 18px; }

#navigation { width: 950px; height: 45px; background: #FFF; margin: 0 auto; overflow: hidden; }
#navigation ul { width: 900px; height: 43px; margin: 0 auto; background: #4D4D4D; border-bottom: 2px solid #000000; overflow: hidden; }
#navigation ul li { float: left; color: #FFF; font-size: 14px; height: 43px; line-height: 43px; padding: 0 30px; }
#navigation ul li a { font-size: 14px; line-height: 43px; color: #FFF; }
#navigation ul li a:hover{text-decoration: none;}
#navigation ul .hover { background: url(imgs/navigation_bg.jpg) repeat-x; }


#toolbar { width: 950px; height: 45px; background: #FFF; margin: 0 auto; overflow: hidden; }
#toolbar ul { width: 900px; height: 25px; margin: 0 auto; margin-top: 10px; overflow: hidden; }
#toolbar ul li { float: left; height: 25px; overflow: hidden; line-height: 25px; font-size: 14px; padding-right: 10px; }
#toolbar ul li input.text { width: 135px; }

#htmlbody { width: 950px; background: #FFF; margin: 0 auto; overflow: hidden; }

#htmlbody .home01 { width: 900px; height: 157px; margin: 0 auto; margin-top: 20px; overflow: hidden; }
#htmlbody .home01 dt, dd { float: left; border: 3px solid #E7E8E7; height: 151px; overflow: hidden; }
#htmlbody .home01 dd { margin: 0 16px; }

#htmlbody .home02 { width: 900px; height: 206px; margin: 0 auto; margin-top: 20px; overflow: hidden; }
#htmlbody .home02 li { float: left; background: #E7E8E7; border: 3px solid #E7E7E7; width: 433px; height: 200px; overflow: hidden; }
#htmlbody .home02 li b { font-size: 15px; }
#htmlbody .home02 li a { display: inline-block; font-size: 9px; line-height: 15px; padding: 0 8px; background: #DAD7D7; color: #999999; margin-left: 5px; text-decoration: none; cursor: pointer;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
}

#htmlbody .home02 li a:hover { background: #FF8400; color: #FFF; }
#htmlbody .home02 .hover { background: #FF8400; color: #FFF; }
#htmlbody .home02 li div { width: 433px; height: 173px; overflow: hidden; }
#htmlbody .home02 li div a { display: block; padding: 0; margin: 0; width: 433px; height: 173px; overflow: hidden; }

#htmlbody .home03 { width: 900px; height: 144px; margin: 20px auto; overflow: hidden; border: 1px solid #E7E8E7; }
#htmlbody .home03 li { float: left; border: 1px solid #E7E8E7; width: 223px; height: 70px; overflow: hidden; background-position: center center; }

#htmlbody .menu { width: 220px; float: left; margin-top: 30px; overflow: hidden; }
#htmlbody .menu ul { margin-left: 25px; }
#htmlbody .menu ul li { height: 45px; background: url(imgs/button3_2.jpg) top left; line-height: 45px; color: #FFF; font-size: 14px; }
#htmlbody .menu ul li a { display: inline-block; padding-left: 15px; height: 45px; width: 220px; line-height: 45px; color: #FFF; font-weight: 800; text-decoration: none; }
#htmlbody .menu ul .hover { background: url(/style/imgs/button3_1.jpg) -15px top #000; }
#htmlbody .content { float: left; margin-top: 30px; margin-left: 30px; width: 675px; overflow: hidden; }
#htmlbody .content .title { text-align: left; font-size: 16px; margin: 0; padding: 0; height: 50px; line-height: 50px; border-bottom: 3px solid #E8E9E8; }
#htmlbody .content .title span { display: inline-block; border-bottom: 3px solid #565756; padding: 0 10px; }
#htmlbody .content .div { line-height: 22px; padding: 10px 0; }

#htmlbody .menu2 { border-bottom: 1px solid #CCC }
#htmlbody .menu2 li { line-height: 25px; border-top: 1px solid #CCC; }
#htmlbody .menu2 li a { line-height: 25px; color: #333; text-decoration: none; }
#htmlbody .menu2 li a b { font-size: 14px; }
#htmlbody .menu2 .close { background: url(imgs/icon3.jpg) 10px 8px no-repeat; }
#htmlbody .menu2 .open { background: url(imgs/icon2.jpg) 10px 8px no-repeat #F3F3F3; border: 1px solid #CCC; border-bottom: 0; }

#htmlbody .classBox { width: 195px; padding: 0; margin: 0; }
#htmlbody .classBox dt { font-size: 15px; color: #333; padding-top: 20px; font-weight: 800; }
#htmlbody .classBox dd { float: none; padding: 0; border: 0; height: 30px; background: url(imgs/comboBox2.jpg) no-repeat; margin: 5px 0; overflow: hidden; }
#htmlbody .classBox dd a { display: block; height: 30px; line-height: 30px; color: #333; padding-left: 10px; text-decoration: none; }

#htmlbody .classList { position: absolute; display: none; width: 193px; line-height: 26px; border: 1px solid #CCC; background: #FFF; }
#htmlbody .classList ul { border: 0; padding: 5px; }
#htmlbody .classList ul li { border: 0; padding: 0 5px; line-height: 26px; cursor: default; }

#foot { background: #CCCDCC; height: 120px; }
#foot ul { width: 900px; margin: 0 auto; padding-top: 20px; }
#foot ul li { text-align: right; margin: 5px 0; }

.eError { color: #CC3300; }

#turning ul { padding: 0 10px; }
#turning ul li { float: left; height: 24px; line-height: 24px; padding: 0 5px; }
#turning ul li a { color: #6E6E6E; text-decoration: none; line-height: 24px; }
#turning ul li a:hover { color: #C30; text-decoration: underline; }
#turning ul li b { color: #000; line-height: 24px; }

#CategoriesBox { position: absolute; z-index: 9999; background: #FFF; border: 2px solid #CCC; display: none; }
#CategoriesBox table { border: 1px solid #999; }
#CategoriesBox td { padding: 0 10px; }
#CategoriesBox a { color: #555; line-height: 25px; }
#CategoriesBox a b { font-size: 15px; color: #333; }


#turning { text-align: right; }
#turning a, b { display: inline-block; padding: 2px 5px; text-decoration: none; }
#turning b { color: #000; }

#grouponShop { width: 608px; overflow: hidden; padding: 15px; }
#grouponShop ul { float: left; width: 150px; overflow: hidden; margin: 1px; background: #E4E2E2; }
#grouponShop ul .title { height: 45px; overflow: hidden; padding: 0 5px; }
#grouponShop ul .price { height: 23px; padding: 0 5px; line-height: 23px; font-size: 16px; padding-bottom: 5px; overflow: hidden; background: url(/style/imgs/order.png) no-repeat top right; }
#grouponShop ul .price b { color: #FF8400; font-size: 22px; line-height: 23px; }
#grouponShop ul .number { height: 20px; line-height: 20px; padding-left: 25px; margin-top: 1px; overflow: hidden; background: url(/style/imgs/icon6.jpg) no-repeat top left #ABAAAA; }
#grouponShop ul .time { height: 20px; line-height: 20px; padding-left: 25px; margin-top: 1px; overflow: hidden; background: url(/style/imgs/icon7.jpg) no-repeat top left #ABAAAA; }

#stores { width: 260px; border: 1px solid #DAD9D9; overflow: hidden; }
#stores dt { background: #AFAFAF; line-height: 40px; font-size: 20px; color: #FFF; padding: 0 10px; }
#stores dd { height: 162px; width: 262px; padding: 0; border: 0; }
#stores dd img { float: left; margin-right: 1px; }

#bestTop { width: 260px; border: 1px solid #DAD9D9; overflow: hidden; }
#bestTop dt { background: #AFAFAF; line-height: 40px; font-size: 20px; color: #FFF; padding: 0 10px; }
#bestTop dd { height: 89px; width: 260px; padding: 0; padding-left: 23px; border: 0; }
#bestTop dd img { float: left; }
#bestTop dd div { float: left; height: 89px; padding: 5px; }

.home_banner{width: 900px;margin: 0 auto;position: relative;}
.home_banner .home_arrleft{background: url(/style/images/home/left_arrow.png) no-repeat;position: absolute;width: 28px;height: 28px;top:133px;left: -13px; }
.home_banner .home_arrright{background: url(/style/images/home/right_arrow.png) no-repeat;position: absolute;width: 28px;height: 28px;top:133px;right: -13px;}
.home_news{width: 224px;height: 230px;position: absolute;top: 6px;right: 28px;padding:0 15px;background-image:url(/style/images/home/news.png);}
.home_bannerbuttom{height: 45px;background:black; opacity:0.4;position: absolute;bottom: 0px;left:0px;width: 900px;FILTER:alpha(opacity=40);}
.home_news .title{height:13px;line-height:12px;font-size:12px;color:white;font-family:Times New Roman;padding:12px 0 10px 0;}
.home_news .title span{float:left;}
.home_news .title a{float:right;height:12px;line-height:12px;color:white;font-family:Times New Roman;text-decoration: underline;}
.home_news_ul{height: 195px;;overflow: hidden;}
.home_news_ul ul{text-align: left;}
.home_news_ul ul li {height:43px;padding:13px 0;}
.home_news_ul ul li a{color:white;font:14px Times New Roman;height:24px;line-height:24px;}
.home_news_ul ul li p{margin:0;padding:0;font:12px Times New Roman;height: 24px;overflow: hidden;}
.home_news .more{height: 30px;}
.home_news .more a{float:left;font:14px Times New Roman;line-height:30px;color:white;text-decoration: underline;}
.home_banner .facebook{width:180px;position: absolute;bottom:3px;left:13px;float:left;text-align:left;height:37px;}
.home_banner .facebook a{float:left;}
.home_banner .facebook div{color:white;font:12px Times New Roman;width:100px;line-height:13px;float:left;margin-left:6px;height:26px;padding:4px 0;}




.news_box{border:1px rgb(232,232,232) solid;width: 860px;margin: 0 auto 29px;padding: 0 20px;color: #666666;}
.news_box .title{font: 14px Times New Roman;line-height: 55px;height: 55px;}
.news_box .list li{height: 40px;padding: 20px 0;border-top: 1px #E1E1E1 dashed;}
.news_box .list li p{margin:0;padding:0;}
.news_box .list li a{color: #666666;}
.news_box .list li p span{color: #797979;}
.page_yl{height: 60px;}
.page_yl ul{height: 20px;text-align: center;padding: 20px 0;float: left;}
.page_yl ul li{float: left;}
.page_yl .first{border: 2px #CECECE solid;height: 20px;}
.page_yl ul li a{font: 12px Times New Roman bold;color: black;padding: 0px 8px;line-height: 24px;border-right: 1px #646464 solid;}
.page_yl .first a{padding: 0px 5px;line-height: 12px;border: 0;font-size: 12px;}
.page_yl ul li span{font: 12px Times New Roman bold;padding: 0px 8px;line-height: 24px;border-right: 1px #646464 solid;}
.page_yl .last_num a{border: 0}

.news_box .d_title{text-align: center;font: 14px Times New Roman;margin: 20px 0 20px 0;font-weight: bold;}
.news_box .d_content{margin-bottom: 20px;}

.pro_list{padding: 0 25px;}

.pro_list .pro_left{float: left;}
.pro_list .pro_right{float: left;width: 430px;padding-left:25px;height: 222px;position: relative;margin-top: 20px;}
.pro_left{float: left;}
.pro_right{float: left;width: 433px;padding-left:25px;height: 182px;position: relative;}
.pro_list .pro_right h3{line-height: 30px;}
.pro_list .pro_right .pro_content{line-height: 25px;}
.pro_list .pro_right a{color: #555;text-decoration: underline;position: absolute;bottom: 20px;}